<template>
    <h2>会员权益录入</h2>
    <table>
        <tr>
            <td>会员权益名称</td>
            <td>
                <input type="text" placeholder="请输入会员权益名称" v-model="info.mR_Name"/>
            </td>
        </tr>
        <tr>
            <td>会员权益说明</td>
            <td>
                <input type="text" placeholder="请输入会员权益说明" v-model="info.mR_Info"/>
            </td>
        </tr>
        <tr>
            <td>是否自定义</td>
            <td>
                <input type="radio" value="true" v-model="info.mR_IsSelf"/>是
                <input type="radio" value="false" v-model="info.mR_IsSelf"/>否
            </td>
        </tr>
        <tr>
            <td>规则类型</td>
          
            <td>
                <select v-model="info.mR_RuleType">
                    <option :value="-1">---请选择---</option>
                    <option :value="0">折扣</option>
                    <option :value="1">延时</option>
                    <option :value="2">餐饮</option>

                </select>>
            </td>
        </tr>
        <tr>
            <td>会员权益规则</td>
            <td>
                <input type="text" placeholder="请输入会员权益规则" v-model="info.mR_Rule"/>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;">
                <input type="button" value="保存" @click="savedata"/>
            </td>
        </tr>
    </table>
</template>
<script setup lang="ts">
import {ref} from 'vue'
import axios from 'axios';
//声明响应式数据
const info=ref({
    mR_Name: "",
    mR_Info: "",
    mR_IsSelf: true,
    mR_RuleType:-1,
    mR_Rule: ""
})
//保存方法
const savedata=()=>{
    axios.post('https://localhost:44376/api/Member/AddMember',info.value)
    .then(res=>{
        if(res.data>0){
            alert('添加成功');
        }
        else{
            alert('添加失败');
        }
    })
    .catch(error=>{
        console.log(error);
    })
}
</script>